﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=1024">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <title>
        云程科技
    </title>
    <link href="style/common.css" rel="stylesheet">
    <link href="style/jquery.frameScrollbar.css" rel="stylesheet">
    <link href="style/blueprint.css" rel="stylesheet">
    <!--[if lte IE 8]>
        <script>
            (function(){if(!/*@cc_on!@*/0)return;var e = "abbr,article,aside,audio,canvas,datalist,details,dialog,eventsource,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,time,video".split(','),i=e.length;while(i--){document.createElement(e[i])}})();
        </script>
    <![endif]-->
    <!--[if lte IE 7]>
         <style>
            body{overflow:auto;}
            #wrap{overflow:visible;position:inherit;}
            #contents{overflow:visible;}
            .page-home{position:absolute;height:700px;}
            .profile-img{top:3050px;}
            .scr-cont-base{top:600px;}
            #block0-0{top:50px;}
            #block0-1{top:120px;}
            #cover-img2 img{width:100%;}
            #cover-img2 {height:700px;}
        </style>
    <![endif]-->
    <style>
        .app-wrap, .header-title { display: none; }
        .cover-img img { width: 100%; }
    </style>



</head>
<body>
    <section id="loading-wrap"></section>
    <section id="wrap">
        <article id="contents">
            <div class="cover">
                <div class="cover-img" id="cover-img2" style="background:#121617;">
                    <img class="fit-img-c" src="style/images/cover_img.jpg">
                    <!--

                    <img class="fit-img-c" src="style/images/bg-1.jpg">
                    <img class="fit-img-c" src="style/images/bg-2.jpg">
                          <video src="style/images/movie.mp4" autoplay="autoplay"  loop="-1" width="100%" >
                    </video>
                    -->

                </div>

                <div class="page-home">
                    <header>
                        <ul>
                            <li><a href="#" class="curr">首页<span>HOME</span></a></li>
                            <li><a href="product.htm">产品<span>PRODUCT</span></a></li>
                            <li><a href="work.htm">案例<span>WORK</span></a></li>
                            <li><a href="team.htm">团队<span>TEAM</span></a></li>
                            <!--
                            <li><a href="help.htm">帮助<span>HELP</span></a></li>
                            -->
                            <li><a href="http://admin.vcar360.com/" class="btn-login"></a></li>
                        </ul>
                        <a href="#" class="logo">   <img src="style/images/logo.png" /></a>
                    </header>
                    <div class="app-wrap">
                        <img src="style/images/app.png" />
                        <div class="banner-switch">
                        </div>
                    </div>

                    <div class="header-title">
                        <img src="style/images/header-title.png" />
                        <p>
                            <a href="http://admin.vcar360.com" target="_blank" class="header-btn-1"></a>
                            <a href="http://admin.vcar360.com" target="_blank" class="header-btn-2"></a>
                        </p>
                    </div>
                </div>
                <div class="cover-img-mask"></div>
            </div>
            <div class="scr-cont-base">
                <div id="scr-cont-wrap">
                    <div class="scr-cont" id="scr-cont0">
                        <div class="block" id="block0-0">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">

                                    <p>
                                        <span class="h1">

                                            <img src="style/images/sentence-0.png" />
                                        </span>
                                        <br /><br />
                                        超过<span class="num">200</span>家经销商<br />
                                        平台<span class="num">30W</span>用户<br />
                                        成交<span class="num">20,000</span>辆车<br /><br />
                                        感谢国内多家品牌厂家与大区对我们的认可与接入
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="block" id="block0-1">
                            <p class="block-cap"></p>
                            <div class="block-img">
                                <img class="fit-img-c" alt="" src="style/images/img_block0_1.jpg">
                            </div>
                        </div>
                        <div class="block" id="block0-2">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">
                                    <p>
                                        <span class="h1">
                                            <img src="style/images/sentence-2.png" />
                                        </span>
                                        <br /><br /><br /><br /><br />
                                        强大的云服务器，<br />
                                        无缝架接微信平台~<br />
                                        用户与您的沟通/交互<br />
                                        无时无刻。
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="block" id="block0-3">
                            <div class="block-bg-wh"></div>
                            <div class="block-img">
                                <img class="fit-img-c" alt="" src="style/images/img_block0_3.jpg">
                            </div>
                        </div>
                        <div class="block" id="block0-4">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">
                                    <div id="div-nav">
                                        <a href="#" class="on">
                                            <img src="style/images/icon-n-0.png" />
                                            <span>产品</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-1.png" />
                                            <span>支持</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-2.png" />
                                            <span>在线客服</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-3.png" />
                                            <span>会员</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-4.png" />
                                            <span>售后系统</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-5.png" />
                                            <span>车型库</span>
                                        </a>
                                        <a href="#">
                                            <img src="style/images/icon-n-6.png" />
                                            <span>互动游戏</span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="block" id="block0-5">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">
                                    <p>
                                        <span class="h1">
                                            <img src="style/images/sentence-5.png" />
                                        </span>
                                        <br />
                                        产品<br />
                                        支持<br />
                                        在线客服<br />
                                        会员<br />
                                        车型库<br />
                                        售后系统<br />
                                        互动游戏<br />
                                        <br />
                                        申请加入云车商<br />
                                        了解更多产品功能。<br /><br />
                                        <a href="#" class="header-btn-2" style="margin-left:-5px;"></a>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="block" id="block0-6">
                            <div class="block-bg-wh"></div>
                            <div class="block-img">
                                <img class="fit-img-c" alt="" src="style/images/img_block0_6.jpg">
                            </div>
                        </div>
                        <div class="block" id="block0-7">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">
                                    <p>
                                        <span class="h1">
                                            <img src="style/images/sentence-7.png" />
                                        </span>
                                        <br /><br /><br /><br />
                                        我们不只教您用<br />
                                        我们还要让您用好<br />
                                        强大的营销思路库助力市场

                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="block" id="block0-71">
                            <div class="block-bg-wh"></div>
                            <div class="block-img">
                                <img class="fit-img-c" alt="" src="style/images/img_block0_7.jpg">
                            </div>
                        </div>
                        <div class="block" id="block0-8">
                            <div class="block-bg-wh"></div>
                            <div class="block-img">
                                <img class="fit-img-c" alt="" src="style/images/img_block0_8.jpg">
                            </div>
                        </div>
                        <div class="block" id="block0-9">
                            <div class="block-bg-wh"></div>
                            <div class="sentence">
                                <div class="sentence-inner">
                                    <p>
                                        <span class="h1">
                                            <img src="style/images/sentence-9.png" />
                                        </span>
                                        <br /><br /><br />
                                        汽车领域信息垂直化先驱者<br />
                                        我们在这里<br />
                                        你在哪？<br />
                                        JOIN US

                                    </p>
                                </div>
                            </div>
                        </div>

                    </div><!-- /scr-cont0 -->

                </div>
            </div><!-- /scr-cont-base -->


            <div class="profile-img">
                <div class="page-home-aboutus">
                    <div class="p-left">
                        <h2>
                            <img src="style/images/p-left.png" />
                        </h2>
                        <ul>
                            <li><a target="_blank" href="http://mp.weixin.qq.com/s?__biz=MzA4ODY0NjkwMg==&mid=200413942&idx=1&sn=fac0fb587d28fcfd6c3dce2b926dafef#rd" title="一场被三百人点赞的微信营销培训会 ">> 一场被三百人点赞的微信<br>&nbsp;&nbsp;营销培训会 </a></li>
                            <li><a target="_blank" href="images/faq.doc" title="常用问题指南">> 常用问题指南</a></li>
                            <!--<li><a target="_blank" href="http://v.qq.com/page/c/5/u/c0140viud5u.html" title="销售顾问的一天">> 销售顾问的一天</a></li>
                            <li><a target="_blank" href="http://v.qq.com/page/v/e/j/v014098x8ej.html" title="销售顾问的一天">> 售后顾问的一天</a></li>-->
                        </ul>
                    </div>
                    <div class="p-center">
                        <h2><img src="style/images/p-center.png" /></h2>
                        <div class="img-player">
                            <img src="style/images/img-0.jpg" />
                        </div>
                        <div class="img-palyer-nav"></div>
                    </div>
                    <div class="p-right">
                        <h2>
                            <img src="style/images/p-right.png" />
                        </h2>
                        <br />
                        福州仓山区汇创名居二期<span class="num">5#1502</span>
                        <br />
                        <span class="num">0591-83847321</span><br />
                        <span class="num">2310755291@qq.com</span><br />
                        <img src="style/images/qcode.jpg" />
                    </div>


                </div>
                <div class="page-home-footer">
                    <div class="wrap">
                        <a href="#" class="btn-footer-icon">
                            <img src="style/images/icon-qq.png" />
                        </a>
                        <a href="#" class="btn-footer-icon">
                            <img src="style/images/icon-weibo.png" />
                        </a>
                        <span class="num">2014©</span>云程科技.技术支持  <span class="num">All Rights Reserved.</span> 闽<span class="num">ICP</span>备<span class="num">05053166</span>号<span class="num">-1</span>
                    </div>
                </div>
            </div>

        </article><!-- /contents -->
    </section><!-- /wrap -->
    <div id="scrollbar-wrap"></div><!-- ## SCROLL ICON  -->

    <script src="script/jquery-1.9.1.min.js"></script>
    <script src="script/jquery.easing.1.3.js"></script>
    <script src="script/sliding.scroll.js"></script>
    <script src="script/jquery.easymask.js"></script>
    <script src="script/jquery.imgfit.js"></script>
    <script src="script/jquery.frame.js"></script>
    <script src="script/jquery.frameScrollbar.js"></script>
    <script src="script/jquery.frameSceneProg.js"></script>
    <script src="script/common.js"></script>
    <script src="script/blueprint.js"></script>
    <script>
        $('#block0-0').hide();
        setTimeout(function () {
            $('#block0-0').show();
        },1300);
        $('#div-nav a').bind('mouseenter', function ()
        {
            var $a = $(this);
            if (!$a.hasClass('on'))
            {
                $('#div-nav .on').removeClass('on');
                $a.addClass('on');
            }
        });

        var ImgPlayer = function ($imgs, $btnsWrap)
        {
            this.$imgs = $imgs;
            this.$btnsWrap = $btnsWrap;
            this.index = 0;
            this.count = $imgs.length;
            this.timer = 0;
            this.$btns = [];
            this.init();
        };
        ImgPlayer.prototype = {
            play: function (index)
            {
                var _this = this;
                clearTimeout(this.timer);
                index = index % this.count;
                this.index = index;
                this.$imgs.fadeOut();
                this.$imgs.eq(index).fadeIn();

                this.$btns.removeClass('curr').eq(index).addClass('curr');

                index = (++index) % this.count;

                this.index = index;
                this.timer = setTimeout(function ()
                {
                    _this.play(_this.index);
                }, 3000);
            }
            , init: function ()
            {
                var h = '';
                for (i = 0; i < this.count; i++)
                {
                    h += '<a href="#"></a>';
                }
                var _this = this;
                this.$btns = $(h).appendTo(this.$btnsWrap);
                this.$btns.bind('click', function ()
                {
                    if (!$(this).hasClass('curr'))
                    {
                        var i = _this.$btns.index(this);
                        _this.play(i);
                        this.blur();
                        return false;
                    }
                });
            }

        };

        $(function ()
        {
            /*
            var $img = $('#cover-img2 canvas');
            if ($img.length == 0) {
                $img = $('#cover-img2 img');
            }
            var $btnsWrap = $('.banner-switch');
            var player = new ImgPlayer($img, $btnsWrap);
            player.play(0);
            */
            setTimeout(function ()
            {
                $('.app-wrap,.header-title').fadeIn(500);
            }, 1000);

        });

    </script>



</body>
</html>
